// 搜索框
import React from 'react';

const SearchBox: React.FC = () => {
    return (
        <div style={{ position: 'absolute', top: '10%', left: '50%', transform: 'translate(-50%, -50%)', zIndex: 2, display: 'flex', border: '1px solid rgb(99,167,253)', borderRadius: '8px', overflow: 'hidden' }}>
            <input type="text" placeholder="搜索" style={{ flex: 3, border: 'none', padding: '12px', borderRadius: '8px 0 0 8px' }} />
            <button style={{ padding: '4px 8px', border: 'none', backgroundColor: '#007bff', color: 'white', cursor: 'pointer', borderRadius: '8px' }}>搜索</button>
        </div>
    );
};

export default SearchBox;